Vue 模板语法 插值操作 绑定属性 计算属性 事件监听 条件判断 循环遍历 阶段案例

const app = new Vue({ el: '#app', data: { letters: ['A', 'B', 'C', 'D', 'E'] }, methods: { btnClick() { // 1 push方法 // this.letters.push('666','777')

// 2 pop() 删除数组中最后一个元素 // this.letters.pop();

// 3 shift() 删除数组中第一个元素 // this.letters.shift();

// 4 unshift() 在数组最前面添加元素 // this.letters.unshift('666', '777');

// 5 splice作用：删除元素/插入元素/替换元素 // 删除元素：第二个参数传入你要删除几个元素(如果没有传，就删除后面所有的元素 // 替换元素：第二个参数,表示我们要替换几个元素，后面是用于替换前面的元素 // 插入元素：第二个参数，传入0，并且后面跟上要插入的元素 // this.letters.splice(1, 0, '1', '2')

// 6 sort() // this.letters.sort();

// 7 reverse() this.letters.reverse();

// 修改 // 1非响应式 // 通过索引值修改数组中的元素 // this.letters[0] = '666' // 2响应式 // this.letters.splice(0, 1, '666') // set(要修改的对象, 索引值,修改后的值) Vue.set(this.letters, 0, '666'); } } })